.dx-accordion-item-title {
    font-size: 18px;
    cursor: pointer;
    position: relative;
    .user-select(none);

    .dx-icon {
        width: 16px;
        height: 16px;
        background-size: contain;
        display: inline-block;
        margin-right: 5px;
    }

    &:before {
        content: '';
        background-position: center;
        float: right;
    }
}

.dx-accordion-item-body {
    overflow: hidden;
    font-size: 14px;
}

.dx-accordion-item-closed {
    .dx-accordion-item-body {
        visibility: hidden;
    }
}


.dx-accordion-item {
    overflow: hidden;
}

.dx-accordion-item-opened .dx-accordion-item-body {
    visibility: visible;
}

.dx-state-disabled {
    .dx-accordion-item-title {
        cursor: default;
    }
}

.dx-rtl {
    .dx-accordion-item-title {
        &:before {
            float: left;
        }
    }
}
